extends tpl/index.pug
include tpl/basic.pug

append vars
    - var title = "服务"

append style
    link(rel="stylesheet", href="style/service.css")

block page
  .header.ser-header
    .s-top
      +dh()
      .ser-info
        p 我们竭尽全力
        p 为客户提供最优质的服务
  .ser-container
    .ser-coustom
      .ser-width
        h2 高端定制开发服务
        p.en  WEBSITE  
        p.en CUSTOMIZATION
        ul.clearfix
          li
            p.img
              img(src="image/web-icon.png")
            p 网站制作开发
          li
            .img
              img(src="image/weixin-icon.png")
            p 微信开发
          li
            p.img
              img(src="image/app-icon.png")
            p App开发
          li
            p.img
              img(src="image/shijue-icon.png")
            p 视觉设计
          li
            p.img
              img(src="image/h5-icon.png")
            p H5开发
    .ser-flow
      .ser-width
        h2 服务流程
        p.en  Service process
        img(src="image/ser-flow.png")
        p 与客户一起沟通，从客户的角度发现问题，找到最佳解决方案。
        p 我们多年的项目经验，能够创出最完美的创意，找到最有效的解决方法，提供最佳的设计方案。
    .ser-introduce
      .ser-width
        h2 服务介绍
        p.en  Service Introduction
        .ser-info-con.clearfix
          .ser-item
            p.img
              img(src="image/us-ser01.png")
            h2 全响应式网站设计与开发
            p.en Responsive Website Design  Development
            p.info 网站所有页面自动响应调整，完美适应所有终端屏幕 高级程序员为您打造流畅的网站系统与功能 高逼格设计师一对一为您设计美观网站界面 
          .ser-item
            p.img
              img(src="image/us-ser02.png")
            h2 微信应用平台设计与开发
            p.en WeChat Application  Design And Development 
            p.info 可与门户网站、内容管理系统等进行无缝连接，例如：用户可通过内容管理系统完成对微信平台的权限管理、内容编辑、审核、发布、问题及反馈信息的回复等功能
          .ser-item
            p.img
              img(src="image/us-ser03.png")
            h2 APP移动应用开发策略
            p.en APP Mobile Application Development Strategy
            p.info 我们为您的业务配备必要的工具来跟上新设备,服务和在手机行业不断发展的平台我们为您的业务配备必要的工具来跟上新设备,服务和在手机行业不断发展的平台 
          .ser-item
            p.img
              img(src="image/us-ser04.png")
            h2 需求与原型文档
            p.en Interactive Prototype
            p.info 我们从前期需求文档开始为您提供一站式解决方案 包括需求调研、用户访谈、用户画像、原型绘制 
          .ser-item
            p.img
              img(src="image/us-ser05.png")
            h2 视觉设计，体验的设计
            p.en UI design, Experience Design
            p.info 研究中发现体验价值 符合使用场景和用户真正需求的交互模型 为品牌与用户之间提供最有效的沟通方式
          .ser-item
            p.img
              img(src="image/us-ser06.png")
            h2 H5开发，创意不老 脑洞很大
            p.en H5 Development, Creativity
            p.info 专业服务团队，一站式数字营销服务 提供场景化营销插件、渠道推广服务 建立企业全员营销模型 
    .ser-foot
      .ser-width
        .ser-com
          img(src="image/person.png")
          h2 立即沟通
          p 如果您对我们的服务内容感兴趣可以通过QQ立即 和我们进行在线沟通，我们会为您提供免费专业详 细的业务咨询服务
          a(href="http://wpa.qq.com/msgrd?v=3&uin=315309101&site=qq&menu=yes")
            img(src="image/ser-cation.png")


